:root {
  --yd-content-gap: 320px;
  --yd-header-wrap: 64px;
  --yd-header-height: 64px;
  --yd-gap: 64px;
  --yd-text-gap: 12px;
}

.wrap-pl {
  padding-left: var(--yd-content-gap);
}
.wrap-pr {
  padding-right: var(--yd-content-gap);
}
.wrap-px {
  padding-left: var(--yd-content-gap);
  padding-right: var(--yd-content-gap);
}

.wrap-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
/* 超大屏 */
@media screen and (min-width: 1899px) {
  .wrap-container {
    max-width: 1920px;
  }
}
/* 大屏电脑 */
@media screen and (max-width: 1899px) {
  :root {
    /* --yd-content-gap: 200px; */
  }
}
/* 笔记本 */
@media screen and (max-width: 1599px) {
  :root {
    /* --yd-content-gap: 80px !important; */
  }
}

/* 平板 ipad */
@media screen and (max-width: 1199px) {
  :root {
    /* --yd-content-gap: 40px !important; */
  }
}

/* 移动端 */
@media screen and (max-width: 768px) {
  :root {
    --yd-content-gap: 82px !important;
    --yd-header-height: 225px;
    --yd-gap: 123px;
  }
}
